*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;color: #333;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
@font-face { font-family: 'pingfang bold';src: url('../fonts/苹方黑体-中粗-简.ttf');font-weight: normal; font-style: normal;}
.content_nr,.ty_content,.tywidth{
	width: 1400px;
	margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}

/*头部*/

.header{ background: url(../images/headbg.png)no-repeat; width: 100%; height: 146px; padding-top: 20px;}
.header .logo{ line-height: 0; text-align: center; margin-bottom: 30px;}
.header .nav-content{ text-align: center;}
.header .nav ul li{ display: inline-block; vertical-align: top; margin-right: 75px;}
.header .nav ul li a em{ position: relative; display: block; height: 18px; overflow: hidden;}
.header .nav ul li a .mr{ display: inline-block; transition: all ease-out .3s;}
.header .nav ul li a .bs{ position: absolute; left: 0; bottom: 0; transform: translateY(100%); top: 100%; transition: all ease-out .3s;}
.header .nav ul li a:hover em .bs,.header .nav ul li.on a em .bs{ transform: translateY(0);top: 0;}
.header .nav ul li a:hover em .mr,.header .nav ul li.on a em .mr{ transform: translateY(-100%);}
.navbar-static-top{ position: relative;}
.navbar-fixed-top{ position: fixed; min-width: 100%; width: max-content; top: 0px; left: 0px; z-index: 1996;}

/*头部  end*/


/*广告图*/

.banner_index{ line-height: 0;}
.banner_index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index .btnr{ position: absolute; top: 365px; z-index: 666; width: 100%; height: 40px; cursor: pointer;}
.banner_index .btnr .prev{ position: absolute; left: 165px; width: 31px; transition: all .2s linear 0s;}
.banner_index .btnr .prev:hover{ transform: translateX(-10px);}
.banner_index .btnr .next:hover{ transform: translateX(10px);}
.banner_index .btnr .next{ position: absolute; right: 165px; width: 31px; transition: all .2s linear 0s;}
.banner_index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner_index .slideBox .hd{ position: absolute; left: 46.5%; bottom: 62px; z-index: 1;}
.banner_index .slideBox .hd ul li{ position: relative; display: inline-block; vertical-align: top; font-size: 28px; color: #a9a9a9; margin-right: 20px; cursor: pointer;}
.banner_index .slideBox .hd ul li.on{ color: #fff;}
.banner_index .slideBox .hd ul li:before{ content: ""; width: 1px; height: 20px; position: absolute; left: 50%; top: -45px; background: #a9a9a9; transition: all .2s linear 0s; transform: translateX(50%);}
.banner_index .slideBox .hd ul li.on:before{ height: 40px; top: -65px; background: white;}

/*广告图  end*/


/*产品*/

.box1{ position: relative; padding-top: 60px; height: 768px; overflow: hidden; font-size: 0; background: url(../images/cpbg.png)no-repeat;}
.box1 .left{ width: 220px;}
.box1 .left p{ color: #3e3e3e; font-size: 38px; line-height: 38px; margin-bottom: 15px;}
.bsz img{ transition: all .2s linear 0s;}
.box1 .left .bsz{ margin-top: 5px;}
.bsz:hover img{ transform: translateX(10px);}
.box1 .right{ width: 1171px;}
.box1 .right ul li{ display: inline-block; vertical-align: top; width: 274px; margin-right: 25px; margin-bottom: 20px;}
.box1 .right ul li:nth-child(4n){ margin-right: 0;}
.box1 .right ul li .pic img{ transition: all .2s linear 0s;}
.box1 .right ul li .pic{/*border: 1px solid #dcdcdc;*/
	width: 274px; height: 200px; overflow: hidden;}
.box1 .right ul li:hover .pic img{ transform: scale(1.1);}

/*产品  end


/*简介*/

.box2{ font-size: 0; background: url(../images/about.png)no-repeat 0 -155px; width: 100%; height: 765px; overflow: hidden; transition: all .2s linear 0s;}
.box2 .left{ padding-top: 65px; width: 430px; position: relative; height: 770px;margin-left: 70px;}
.box2 .left p{ color: #fff; font-size: 38px; line-height: 38px; margin-bottom: 25px;}
.box2 .left .txt{ position: relative; z-index: 26;}
.box2 .left:before{ content: ""; background-color: rgba(36, 47, 65, 0.902); width: 690px; height: 770px; position: absolute; left: -120px; top: 0;}
.box2 .left .txt dd{    /*margin-left: -60px; */width: 460px; margin-top: 10px; color: #fefefe; font-size: 18px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; word-break: break-all; -webkit-box-orient: vertical;}
.box2:hover{ background: url(../images/about.png)no-repeat 10px -155px;}

/*简介  end*/


/*流程*/

.box3 .tab-content{ position: absolute; left: 0; bottom: 0;}
.box3 .tab-content .content-item{ display: none;transition: all .2s linear 0s; width: 100%; height: 100%;}
.box3 .tab-content .content-item.active{ display: block;}
.box3 .tab-content .bg1{ background: url(../images/box3pic1.png)no-repeat center;}
.box3 .tab-content .bg2{ background: url(../images/box3pic2.png)no-repeat center;}
.box3 .tab-content .bg3{ background: url(../images/box3pic3.png)no-repeat center;}
.box3 .tab-content .bg4{ background: url(../images/box3pic4.png)no-repeat center;}
.box3 .tab-content .bg5{ background: url(../images/box3pic5.png)no-repeat center;}
.box3{ width: 100%; height: 770px;}
.box3 .tab-wrap{ position: relative; width: 100%;height: 100%; overflow: hidden;}
.box3 .tab-wrap .tab-title{ position: relative; z-index: 11; width: 100%;height: 100%;}
.box3 .tab-wrap .tab-title .title-item{ position: relative; margin: 0; padding: 0; float: left; width: 20%; height: 100%;}
.box3 .tab-wrap ul .title-item.active{ background: rgba(40, 54, 76, 0.5);}
.box3 .tab-wrap ul li{ transition: all .2s linear 0s; border-right: 1px solid rgba(255, 255, 255, 0.5);}
.box3 .tab-content{ position: absolute; left: 0; bottom: 0; width: 100%;height: 100%;}
.box3 .tab-wrap .tab-content .content-item{ display: none; width: 100%;height: 770px;}
.box3 .tab-wrap .tab-content .content-item.active{ display: block;}
.box3 .bhzx{ position: relative; width: 100%; height: 280px; margin-top: 380px; overflow: hidden;}
.box3 .bh h3{ color: #fff; font-size: 30px; line-height: 35px; margin-bottom: 20px;}
.box3 .bh h4{ color: #fff; font-size: 30px; line-height: 35px; margin-bottom: 20px;}
.box3 .bh hr{ outline: none; border: none; display: block; background: #fff; width: 40px; height: 2px; margin: 0 auto 15px;}
.box3 .bh p{color: #fff;font-size: 14px;line-height: 30px}
.box3 .bh{ text-align: center; transition: all .3s linear 0s;}
.box3 .bhx{position: absolute;left: 0;bottom: 0;transform: translateY(100%);top: 100%;transition: all ease-out .3s;padding: 0 10px;}
.box3 .tab-wrap ul .title-item.active .bhs{ transform: translateY(-100%);}
.box3 .tab-wrap ul .title-item.active .bhx{ transform: translateY(0);top: 0;}

/*流程  end*/


/*实力*/

.box4{ position: relative; width: 100%; height: 770px; overflow: hidden;}
.box4 .content_nr{ position: relative; z-index: 22; padding-top: 65px;}
.box4 .content_nr .bsz{ position: relative; z-index: 24;}
.box4 .content_nr .bsz p{ color: #3e3e3e; font-size: 38px; line-height: 38px; margin-bottom: 20px;}
.box4 .content_nr .hd ul li{ position: relative; z-index: 24; color: #28364c; font-size: 20px; font-family: arial; vertical-align: top; cursor: default;    margin-bottom: 10px;}
/*.box4 .content_nr .hd{ margin-top: 425px;}*/
.box4 .content_nr .hd ul li.on{ color: #dbbc8f;}
.box4 .hd{ position: relative; z-index: 2;}
.box4 .hd:before{ content: ""; background-color: rgba(247, 247, 247, 0.8); width: 760px; height: 1061px; position: absolute; left: -255px; top: -603px; z-index: 1;}
.box4 .bd{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0;}
.box4 .bd ul li{ width: 100%; height: 770px;}
.box4 .bd ul li:first-child{ background: url(../images/ys1.png)no-repeat center;}
.box4 .bd ul li:first-child+li{ background: url(../images/ys2.png)no-repeat center;}
.box4 .bd ul li:first-child+li+li{ background: url(../images/ys3.png)no-repeat center;}
.box4 .bd ul li:first-child+li+li+li{ background: url(../images/ys4.png)no-repeat center;}
.box4 .bd ul li:first-child+li+li+li+li{ background: url(../images/ys5.png)no-repeat center;}
.box4 .bd ul li:first-child+li+li+li+li+li{ background: url(../images/ys6.png)no-repeat center;}
.box4 .bd ul li dt{ position: relative;z-index: 66; padding-top: 322px; color: #333; font-size: 30px; line-height: 30px;margin-bottom: 40px;}
.box4 .bd ul li dd{ width: 385px; position: relative;z-index: 66; color: #666; font-size: 16px; line-height: 30px;}


.box6{ position: relative; width: 100%; height: 770px; overflow: hidden;}
.box6 .content_nr{ position: relative; z-index: 22; padding-top: 65px;}
.box6 .bd{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0;}
.box6 .bd ul li{ width: 100%; height: 770px;}
.box6 .bd ul li:first-child{ background: url(../images/ys1.png)no-repeat center;}
.box6 .bd ul li:first-child+li{ background: url(../images/ys2.png)no-repeat center;}
.box6 .bd ul li:first-child+li+li{ background: url(../images/ys3.png)no-repeat center;}
.box6 .bd ul li:first-child+li+li+li{ background: url(../images/ys4.png)no-repeat center;}
.box6 .bd ul li:first-child+li+li+li+li{ background: url(../images/ys5.png)no-repeat center;}
.box6 .bd ul li:first-child+li+li+li+li+li{ background: url(../images/ys6.png)no-repeat center;}
.box6 .bd .con{
	width: 1400px;
	margin: 0 auto;
	padding-top: 65px;
	height: 300px;
	margin-top: 30px;
}
.box6 .bd .con .bsz{ text-align: right}
.box6 .bd .bsz p{ color: #fefefe; font-size: 38px; line-height: 38px; margin-bottom: 20px;}
.box6 .bd .con i{ color: #fefefe; font-size: 20px; line-height: 38px; margin-top: 20px; display: block; width: 480px;    float: right;}
.box6 .content_nr{ height: 770px;}
.box6 .content_nr:before{ content: ""; background-color: rgba(247, 247, 247, 0.8); width: 595px; height: 770px; position: absolute; left: -256px; top: 0; z-index: 1;}
.box6 .hd{ cursor: default; position: relative; z-index: 2; width: 596px; right: 1061px; top: -30px;}
.box6 .hd ul li{ position: relative; font-size: 30px; padding-left: 45px; height: 120px; line-height: 120px;}
.box6 .hd ul li i{ margin-left: 15px; font-size: 16px; text-transform: uppercase; color: #bcbcbc;}
.box6 .hd ul li.on em{ color: #fff;}
.box6 .hd ul li.on i{ display: inline-block; vertical-align: middle; color: #46546b;}
.box6 .hd ul li em{ position: relative; z-index: 12;}
.box6 .hd ul li:before{ content: ''; background: #28364c; width: 0; height: 120px; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .4s;}
.box6 .hd ul li.on:before{ width: 596px; opacity: 1;}


/*工艺调控*/

.box5{ position: relative; width: 100%; height: 770px; overflow: hidden;}
.box5 .content_nr{ position: relative; z-index: 22; padding-top: 65px;}
.box5 .bd{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0;}
.box5 .bd ul li{ width: 100%; height: 770px;}
.box5 .bd ul li:first-child{ background: url(../images/gy1.png)no-repeat center;}
.box5 .bd ul li:first-child+li{ background: url(../images/gy2.png)no-repeat center;}
.box5 .bd ul li:first-child+li+li{ background: url(../images/gy3.png)no-repeat center;}
.box5 .bd ul li:first-child+li+li+li{ background: url(../images/gy4.png)no-repeat center;}
.box5 .bd .con{ width: 1400px; margin: 0 auto; padding-top: 65px;}
.box5 .bd .bsz p{ color: #fefefe; font-size: 38px; line-height: 38px; margin-bottom: 20px;}
.box5 .bd .con i{ color: #fefefe; font-size: 20px; line-height: 38px; margin-top: 20px; display: block; width: 480px;}
.box5 .content_nr{ height: 770px;}
.box5 .content_nr:before{ content: ""; background-color: rgba(247, 247, 247, 0.8); width: 595px; height: 770px; position: absolute; right: -255px; top: 0; z-index: 1;}
.box5 .hd{ cursor: default; position: relative; z-index: 2; width: 596px; left: 256px; top: 225px;}
.box5 .hd ul li{ position: relative; font-size: 30px; padding-left: 45px; height: 120px; line-height: 120px;}
.box5 .hd ul li i{ margin-left: 15px; font-size: 28px; text-transform: uppercase; color: #bcbcbc;}
.box5 .hd ul li.on em{ color: #fff;}
.box5 .hd ul li.on i{ display: inline-block; vertical-align: middle; color: #46546b;}
.box5 .hd ul li em{ position: relative; z-index: 12;}
.box5 .hd ul li:before{ content: ''; background: #28364c; width: 0; height: 120px; position: absolute; left: 0; bottom: 0; opacity: 0; transition: all .4s;}
.box5 .hd ul li.on:before{ width: 596px; opacity: 1;}

/*工艺调控 end*/

@media only screen and (max-width: 1444px){
	.box6 .hd{ cursor: default; position: relative; z-index: 2; width: 596px; right: 1061px; top: -30px;}
	.box6 .content_nr:before{width: 812px;}
	.box6 .hd ul li.on:before{ width: 812px;}
	.box6 .hd ul li em {right: -220px;}
	.box6 .bd .con {width: 988px;}

	.box5 .content_nr:before{width: 812px;}
	.box5 .hd{width: 812px;}
	.box5 .hd ul li:before{width: 812px;}
	.box5 .hd ul li.on:before{ width: 812px;}

}

@media only screen and (min-width: 1366px){
	.box6 .hd{ cursor: default; position: relative; z-index: 2; width: 596px; right: 1061px; top: -30px;}
	.box6 .content_nr:before{width: 812px;}
	.box6 .hd ul li.on:before{ width: 812px;}
	.box6 .hd ul li em {right: -220px;}
	.box6 .bd .con {width: 988px;}

	.box5 .content_nr:before{width: 812px;}
	.box5 .hd{width: 812px;}
	.box5 .hd ul li:before{width: 812px;}
	.box5 .hd ul li.on:before{ width: 812px;}

}

/*底部*/

.foot{ background: url(../images/footbg.png)no-repeat center -146px; width: 100%; height: 372px; overflow: hidden; font-size: 0;}
.foot .content_nr{ overflow: hidden; padding-top: 130px;}
.foot .left{ width: 710px;}
.foot .left dd{ color: #cfcfcf; font-size: 18px; line-height: 18px; margin-bottom: 20px;}
.foot .left dd a{ color: #cfcfcf; font-size: 18px; line-height: 18px;}
.foot .left dd a:hover{ color: #fff;}
.foot .right{ margin-top: 15px;}
.foot .right dt img{ vertical-align: middle; margin-right: 10px;}
.foot .right dt{ text-align: right; margin-bottom: 25px; color: #fff; font-size: 25px; line-height: 25px;}
.foot .right p{ color: #dbbc8f; font-family: arial; font-weight: bold; font-size: 40px; line-height: 40px;}
.foot .right p+p{ margin-top: 10px;}
.foot .boxzb .tab-wraps .tab-titles{ position: relative; display: inline-block; vertical-align: middle; margin-left: 20px;}
.foot .boxzb .tab-wraps .title-items{ margin-bottom: 20px;}
.foot .boxzb .tab-wraps .tab-contents{ position: relative; width: 155px; height: 155px; display: inline-block; vertical-align: middle;}
.foot .tab-wraps .tab-contents .content-items.active{ display: block;}
.foot .tab-wraps .tab-contents .content-items{ display: none;}
.foot .boxzb .tab-wraps .content-items.active:before{ content: ""; background: url(../images/jt.jpg)no-repeat; width: 14px; height: 25px; position: absolute; right: -14px; top: 5px;}
.foot .boxzb .tab-wraps .content-items:first-child+.content-items.active:before{ top: 55px;}
.foot .boxzb .tab-wraps .content-items:first-child+.content-items+.content-items.active:before{ top: 103px;}

/*底部  end*/




/*product*/
.about{height: 800px;padding-top: 70px;}
.about .content{ width: 1400px; margin: 0 auto;}

.tile_top{
	text-align: center;
	margin-bottom: 30px;
}
.tile_top h3{
	text-align: center;
	font-size: 36px;
	margin-bottom: 5px;

}

.tile_top span{
	font-size: 18px;
	color: #666666;
}

.tile_top h3 b {
	color: #d79d56;
}


.about .db{height: 60px;}
.about .tu{width: 56%}
.about .tu img{width: 100%}
.about .wz{width: 40%;}
.about .wz h3{font-size: 20px;}
.about .wz p{
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 24px;
}

.about .list{
	height: 245px;
	overflow: hidden;
}

.about .list .li{
	width: 342px;
	height: 245px;
	float: left;
	margin-right: 10px;
}
.about .list .li img{
	width: 100%;
}